草庐IT

Angular 单元测试简介

全部标签

javascript - 在 Angular 2 组件中包含 SASS 变量

我想知道我是否可以在Angular2组件中使用sass变量。像这样的东西:@Component({selector:'my-component',template:`testdiv1`,styles:[`@import"variables";.test-div{border:1pxsolid$test-color;}`]})我的文件_variables.scss:$test-color:green!default;似乎无论我尝试什么,sass变量都无法识别。非常感谢任何帮助。 最佳答案 我不同意这里的正确答案是为什么。ATM正确答案

javascript - Angular 2单击事件中的动态函数名称

虽然这个答案可能非常简单,但我似乎被卡住了。作为Angular2的初学者,我尝试了{}、[]和()括号的所有可能组合来实现以下目的:Clickme哪里:this.action="clickMe()"即它是一个字符串,是该组件中应在单击时执行的方法的名称。有什么想法吗? 最佳答案 你可以使用像这样的方括号语法(click)="this[action]()"在哪里action="clickMe" 关于javascript-Angular2单击事件中的动态函数名称,我们在StackOverfl

javascript - Angular 2如何从innerHTML执行脚本标签

我已经通过http.get()方法加载了HTML页面,并将此页面的内容添加到div标签。getRequestToAssignPage(param:string):any{returnthis.$http.get(param).map((res:Response)=>{this.status=res;returnres.text();}).toPromise().then(response=>{letrestr:string=response;restr=restr.replace(/(]*)(?:[^])*?\/head>/ig,'').replace(/(]*?)>)/g,'').r

javascript - 单元测试 react Helm 代码

我正在使用react-helmet将元素添加到head元素。title我正在尝试编写这样的单元测试:it('shouldrendermetadata',()=>{constwrapper=mount();//thisisnotworking.expect(document.title).to.equal("title");}); 最佳答案 我自己想出了答案。我做了以下操作:it('shouldrendermetadata',()=>{constwrapper=mount();//thiswillreturnallthemarkupa

javascript - 如何逐行读取angular2上的csv文件

我正在用angular2编写一个应用程序,它读取一个csv文件,只需在html中输入:我可以访问component.ts中的文件:ngOnInit(){varinput=(document.getElementById("file"));input.addEventListener("change",function(event){varfiles=input.files;varlen=files.length;if(len){console.log("Filename:"+files[0].name);console.log("Type:"+files[0].type);consol

javascript - 如何在 Angular 5 中使用 HttpClient 访问响应 header ?

我在Angular5中编写了一个身份验证服务,它使用HttpClient类向我的后端发出POST请求。后端通过发送JWT不记名token进行响应。我的请求是这样的:returnthis.http.post('http://127.0.0.1:8080/api/v1/login',{'username':username,'password':password},{headers:newHttpHeaders().set('Content-Type','application/json')}).toPromise().then(response=>{console.log(respons

javascript - 单元测试时检查错误参数有多重要?

假设我有一个方法接受一些参数并将它们存储为实例变量。如果其中之一为空,则稍后的某些代码将崩溃。如果提供空参数,您是否会修改方法以抛出异常并添加单元测试来检查它?如果我这样做,它会稍微复杂一些,因为javascript有很多错误的值(null、undefined、NaN等),而且由于它具有动态类型,我什至无法检查是否传入了正确类型的对象。 最佳答案 我认为这实际上取决于您要对哪种API进行单元测试。如果这是一个仅为内部使用而设计和构建的组件,并且您知道使用将受到某些限制,那么对错误参数进行单元测试可能会过大。另一方面,如果您谈论的是要

javascript - 如何在 JavaScript 中测试 CSS 选择器?

我如何测试CSS1-3选择器以检查它们是否获得了正确的元素,例如使用JavaScript(也许是jQuery)? 最佳答案 到目前为止,最简单的传统方法是根本不使用JavaScript,而只是手动设置一个测试页面,您可以在其中测试选择器是否满足您的需求。您在Web上看到的测试用例(如众所周知的CSS3.infoSelectorsTest)实际上只是在线托管的增强版本。但是如果您正在寻找JavaScript方法,您可以尝试SelectorsAPI.它在现代DOM实现(IE8+和其他)中可用,它提供了一个JavaScript前端,用于使

java - 如何测试是否使用 javascript 加载了 java applet?

小程序是我自己的,调用ready()只是返回"is"。首先我尝试像这样嵌入小程序:我试图通过在document.ready上调用ready()来检查它是否加载了javascript,如下所示:但我立即得到一个错误(TypeError:$(...).get(...).readyisnotafunction)所以我假设它在加载之前尝试调用小程序ready()函数。$(function(){if(CheckApplet()==false){$('#appletStatus').html('Failedtoloadapplet.');}});functionCheckApplet(){retu

javascript - Angular $httpBackend.expectGET - 响应 409 状态和自定义 statusText

尝试在单元测试中创建$httpBackend.expectGET以返回409状态和“TestPhrase”的自定义statusText。查看Angular文档(https://docs.angularjs.org/api/ngMock/service/$httpBackend)它给出了以下返回内容的示例:{function([status,]data[,headers,statusText])|function(function(method,url,data,headers)}无法理解如何解释上述示例。我当前的代码是:$httpBackend.expectGET('/example/